<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
  <head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <title>Raphael SVG Import - Interactive demo</title>
	<script src="raphael-min.js" type="text/javascript" charset="utf-8"></script>
	<script src="jquery.js" type="text/javascript" charset="utf-8"></script>
	<script src="raphael-svg-import.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
	
		function parseXml(svgXML) {
			svgXML =[0,0,null,null,{"fill":"#000","path":"M83 121L20 180","stroke-width":1,"stroke":"black","opacity":1,"type":"path"},{"fill":"#000","path":"M84 30L83 121","stroke-width":1,"stroke":"black","opacity":1,"type":"path"},{"fill":"#000","path":"M58 112L20 30","stroke-width":1,"stroke":"black","opacity":0,"type":"path"},{"fill":"#000","path":"M68 189L95 94","stroke-width":1,"stroke":"black","opacity":0,"type":"path"},{"fill":"#000","path":"M20 30L95 94","stroke-width":1,"stroke":"black","opacity":0,"type":"path"},{"fill":"#000","path":"M91 176L180 129","stroke-width":1,"stroke":"black","opacity":0,"type":"path"},{"fill":"#000","path":"M20 30L113 49","stroke-width":1,"stroke":"black","opacity":0,"type":"path"},{"fill":"#000","path":"M20 94L56 181","stroke-width":1,"stroke":"black","opacity":0,"type":"path"},{"fill":"#000","path":"M104 86L95 149","stroke-width":1,"stroke":"black","opacity":0,"type":"path"},{"fill":"#000","path":"M104 86L148 47","stroke-width":1,"stroke":"black","opacity":0,"type":"path"},{"fill":"#000","path":"M77 30L95 149","stroke-width":1,"stroke":"black","opacity":0,"type":"path"},{"fill":"#000","path":"M77 30L148 47","stroke-width":1,"stroke":"black","opacity":0,"type":"path"},{"fill":"#000","path":"M44 115L148 47","stroke-width":1,"stroke":"black","opacity":0,"type":"path"},{"fill":"#000","path":"M44 115L95 149","stroke-width":1,"stroke":"black","opacity":0,"type":"path"},{"r":5,"cy":121,"stroke":"none","type":"circle","fill":"blue","cx":83,"opacity":1},{"r":5,"cy":180,"stroke":"none","type":"circle","fill":"blue","cx":20,"opacity":1},{"r":5,"cy":30,"stroke":"none","type":"circle","fill":"blue","cx":84,"opacity":1},{"r":5,"cy":189,"stroke":"none","type":"circle","fill":"blue","cx":68,"opacity":0},{"r":5,"cy":30,"stroke":"none","type":"circle","fill":"blue","cx":20,"opacity":0},{"r":5,"cy":47,"stroke":"none","type":"circle","fill":"blue","cx":148,"opacity":0},{"r":5,"cy":149,"stroke":"none","type":"circle","fill":"blue","cx":95,"opacity":0},{"text":"Node1","y":null,"stroke":"none","text-anchor":"start","type":"text","fill":"#000","opacity":1,"x":null,"font-size":18},{"text":"Node2","y":null,"stroke":"none","text-anchor":"start","type":"text","fill":"#000","opacity":1,"x":null,"font-size":18},{"text":"Node3","y":null,"stroke":"none","text-anchor":"start","type":"text","fill":"#000","opacity":1,"x":null,"font-size":18},{"text":"Node4","y":null,"stroke":"none","text-anchor":"start","type":"text","fill":"#000","opacity":0,"x":null,"font-size":18},{"text":"Node5","y":null,"stroke":"none","text-anchor":"start","type":"text","fill":"#000","opacity":0,"x":null,"font-size":18},{"text":"Node6","y":null,"stroke":"none","text-anchor":"start","type":"text","fill":"#000","opacity":0,"x":null,"font-size":18},{"text":"Node7","y":null,"stroke":"none","text-anchor":"start","type":"text","fill":"#000","opacity":0,"x":null,"font-size":18},{"text":"Timeslice 1 of 9 (Untitled)","y":null,"text-anchor":"start","type":"text","fill":"#000","stroke":"none","x":null,"font-size":24}];
			var paper = Raphael(10,10,800,600);
			var newSet = paper.importSVG(svgXML);

		}
	        
                // must use file extension ".XML" for IE support!
		$(document).ready(function(){
			$.ajax({
				type: "GET",
				url: "./getSVG.cfm",
				dataType: "xml",
				success: function(xml){
					parseXml(xml);
				},
				error: function(error, textStatus, errorThrown){
					alert("error: "+textStatus);
				}
			});
		});
	</script>
  </head>
  
  <body>
  <div id="content">
  
  </div>
  </body>
</html>
